// $('#renlian li').click(function () {

//     var index = $(this).index();
//     console.log(index);

// })

$(function () {
    $('#renlian li').mouseover(function () {
        $(this).children('p').css('color', '#4046e0');
        $(this).siblings().children('p').css('color', '#000');
    })
    $($('#renlian li')[0]).mouseover(function () {
        $(this).children('img').attr('src', './uploads/banner01.png');
        $('.focus-one').css('display', 'block')
        $('.focus-two').css('display', 'none')
        $('.focus-three').css('display', 'none')
        $('.focus-four').css('display', 'none')


    })
    $($('#renlian li')[0]).mouseout(function () {
        $(this).children('img').attr('src', './uploads/banner1-1.png');
    })

    $($('#renlian li')[1]).mouseover(function () {
        $(this).children('img').attr('src', './uploads/banner02.png');
        $('.focus-one').css('display', 'none')
        $('.focus-two').css('display', 'block')
        $('.focus-three').css('display', 'none')
        $('.focus-four').css('display', 'none')
        $('.focus-five').css('display', 'none')

    })
    $($('#renlian li')[1]).mouseout(function () {
        $(this).children('img').attr('src', './uploads/banner2-2.png');
    })
    $($('#renlian li')[2]).mouseover(function () {
        $(this).children('img').attr('src', './uploads/banner03.png');
        $('.focus-one').css('display', 'none')
        $('.focus-two').css('display', 'none')
        $('.focus-three').css('display', 'block')
        $('.focus-four').css('display', 'none')
        $('.focus-five').css('display', 'none')

    })
    $($('#renlian li')[2]).mouseout(function () {
        $(this).children('img').attr('src', './uploads/banner3-3.png');
    })
    $($('#renlian li')[3]).mouseover(function () {
        $(this).children('img').attr('src', './uploads/banner04.png');
        $('.focus-one').css('display', 'none')
        $('.focus-two').css('display', 'none')
        $('.focus-three').css('display', 'none')
        $('.focus-four').css('display', 'block')
        $('.focus-five').css('display', 'none')

    })
    $($('#renlian li')[3]).mouseout(function () {
        $(this).children('img').attr('src', './uploads/banner4-4.png');
    })
    $($('#renlian li')[4]).mouseover(function () {
        $(this).children('img').attr('src', './uploads/banner05.png');
        $('.focus-one').css('display', 'none')
        $('.focus-two').css('display', 'none')
        $('.focus-three').css('display', 'none')
        $('.focus-four').css('display', 'none')
        $('.focus-five').css('display', 'block')
    })
    $($('#renlian li')[4]).mouseout(function () {
        $(this).children('img').attr('src', './uploads/banner5-5.png');
    })




})